<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">


<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
	crossorigin="anonymous"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<style type="text/css">
a {
	
}
</style>
<body>

	<div>
		<div class="row">
			<div class="col-md-12 text-center">
				<h1>报名须知</h1>
				<hr />
			</div>
		</div>
		<div class="row">
			<div class="col-md-1"
				style="margin: 20px 0 0 60px; border: 1px solid CadetBlue; height: 400px; width: 200px;">
				<ul class="list-unstyled">
					<li>
						<h3>
							<a href="registration.html">报名须知</a>
						</h3>
					</li>
					<hr />
					<li>
						<h3>
							<a href="registr11ation.html">报名</a>
						</h3>
					</li>
					<hr />
					<li><h3>
							<a>查询</a>
						</h3></li>
					<hr />
					<li><h3>
							<a>在线测试</a>
						</h3></li>
					<hr />
					<li><h3>
							<a href="index.html">缴费</a>
						</h3></li>
				</ul>
			</div>
			<div class="col-md-10"
				style="margin: 20px 0 0 10px; border: 1px solid CadetBlue; height: 680px; width: 1200px;">
				<div style="width: 500px; margin: 110px 0 0 220px; width: 50%;">
					<!-- 报名表单 -->
					<form id="payForm" name="payForm">
						<tr>
							<td><span>身份证号：</span><input name="enterIdcard" value="">
						</tr>
						<br />
						<td><span>手 机 号：</span><input name="enterPhone" value=""></td>
						<br />
						<td><span>姓&nbsp;&nbsp;名:</span><input name="name" value=""></td>
						<br />
						<td><span>专&nbsp;&nbsp;业:</span><input name="mgjor" value=""></td>
						<br />
						<td><span>费&nbsp;&nbsp;用:</span><input name="enrollTuition" value=""></td> <br />
						<td>
							<span>缴费方式:</span> 
							<label> 
								<input type="radio" name="enterPayWay" id="optionsRadios1" value="微信">
								微信
								</label>
							<label>
								<input type="radio" name="enterPayWay" id="optionsRadios2" value="支付宝"> 支付宝
							</label>
						</td><br />
						<td>
							<input type="button" onclick="joinOrder()" value="确认缴费" >
						</td>
						</tr>
					</form>
					<!-- 报名表单  end-->
				</div>
			</div>

			<!-- 底部 -->
			<div class="row">
				<hr />
				<div class="col-md-12 text-center">
					<h4>©2017 yawushan 使用前必读 | 华育远程教育平台 | 合作平台</h4>
				</div>
				<hr />
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">


	/* var optionsRadios=$("#optionsRadios2").val;
	alert(optionsRadios); */
	function joinOrder() {
	    alert("提交数据");
	    /* alert($("#payForm").submit()); */
	    alert($("#payForm").serialize());

	  $.ajax({
	        url : '/api/addstu',
	        type : 'get',
	        data:{"enterIdcard":enterIdcard,"enrollTuition":enrollTuition,"enterPayWay":enterPayWay}
	        dataType : 'json',
	        contentType : 'application/json',
	        success : function(data) {
	            alert(data.r);
	            if (data == 1) {
	                alert("缴费成功");
	            }else{
	            	alert("缴费失败");
	            }
	        }
	    }) 
	}
	//首次跳转到页面，自动加载的
	$(document).ready(function(){ 
	
	  $.ajax({
	        url : '/api/addstuaaa',
	        type : 'get',
	        dataType : 'json',
	        contentType : 'application/json',
	        success : function(data) {
	            alert(data.r);
	            if (data == 1) {
	                alert("缴费成功");
	            }else{
	            	alert("缴费失败");
	            }
	        }
	    }) 
	
	}

</script>
</html>
